import React from 'react'
import Count from './components/Count'
import Movie from './components/Movie'

export default function App() {
  return (
    <div>
      <Count/>
      <Movie/>
    </div>
  )
}


//redux-toolkit   使用

//1.下载@redux-toolkit   npm i @reduxjs/toolkit
//2.入口文件使用时,引入react-redux  中的Provider  ,引入创建的store文件,这样App里的所有组件都可以共享
//3.创建store文件夹,store文件,引入创建的Slice,暴露出去 import {configureStore} from @redux/toolkit,const store = configureStore({reducer;{每个创建的Slice,不止一个,键值对的形式展示}})
//4.创建Slice import {createSlice} from @redux/toolkit  cosnt countSlice = createSlice{命名空间,初始状态,reducers:{increment(prev,action){}}}  export default countSlice
//4.1!!!!!!在Slice中暴露action和reducer!!!   countSlice.actions     ,    countSlice.reducer    
//5.在组件中使用  useDispatch useSelect  import {} from  react-redux
//6.异步action  异步action都是要先发送请求,在react-redux中有createAsyncThunk处理异步action  这个方法创建出来的就是action,直接把这个action暴露出去

//7.异步reducer extrcReducer:{[getmovieList.fulfilled](prev,action){}}
